

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:p="http://primefaces.org/ui">


    <nav class="top-bar shrunk">
        <div class="constrained">
            <ul class="title-area">
                <li class="name">
                    <a href="#">
                        <div class="logo"></div>
                        <div style="margin:5px 0 0 35px;font-size:26px;">
                            #{tittles['page.top.tittle1']} 
                        </div>
                        <div style="margin:0px 0 0 35px;font-size:14px;">
                            #{tittles['page.top.tittle2']} 
                        </div>
                    </a>
                </li>
                <li class="menu-icon toggle-topbar">
                    <a href="javascript:;">
                        <span></span>
                    </a>
                </li>
            </ul>
            <div class="top-bar-section" style="padding-top:10px;">
                <div class="right" style="top:10px;">
                    <table >
                        
                        <tr>
                            <td rowspan="3">
                                <span style="font-family: 'WebSymbolsRegular';font-size:48px;line-height: 1.1em;">U</span>
                            </td>
                            <td style="font-size:10px;">Usuario:  #{userLoginBean.username}</td>
                        </tr>
                        
                        <tr>
                            <td style="background-color:#ffffff;font-family:'Open sans',sans-serif;font-size:10px;" >
                                <h:form>
                                <p:commandLink rendered="#{userLoginBean.authenticated}" action="#{userLoginBean.closeSession}" ajax="false" >Cerrar Sesion</p:commandLink>
                                </h:form>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color:#ffffff;font-family:'Open sans',sans-serif">
                                 <p:clock pattern="dd/MM/yyyy HH:mm:ss" />
                            </td>
                        </tr>
                    </table>
                    
                    
                    
                </div>
            </div>
        </div>
        
    </nav>
    <nav class="top-bar shrunk" style="top:100px;height:20px;">
        <h:form>
            <p:megaMenu >  
            <p:submenu label="Inicio"  style="font-family:'Open Sans',sans-serif;width:320px;font-size:14px;"  >  
                <p:column style="width:320px;">  
                    <p:submenu label="Opciones Sobre su Cuenta" style="width:280px;font-family:'Open Sans',sans-serif;width:300px;font-size:14px;color:#FFFFFF;">  
                        <p:menuitem value="Cambio de clave" action="#{sessionControllerBean.navigationURL('changePassword')}" ajax="false" style="color:#000000;"  rendered="#{userLoginBean.authenticated}"  />  
                       
                    </p:submenu>  
                    <p:submenu label="Opciones Sobre su Predios" style="width:280px;font-family:'Open Sans',sans-serif;width:300px;font-size:14px;">  
                        <p:menuitem value="Registrar Nuevo CHIP" action="#{sessionControllerBean.navigationURL('validatePIN')}" style="color:#000000;" ajax="false" rendered="#{userLoginBean.authenticated}"  />  
                        <p:menuitem value="Consultar CHIP registrados" action="#{sessionControllerBean.navigationURL('inquireChipsRegistred')}" style="color:#000000;" ajax="false" rendered="#{userLoginBean.authenticated}" />  
                        
                    </p:submenu>  
                    
                </p:column>  

               

               
            </p:submenu>  

        
           


        </p:megaMenu> 


    </h:form>
    </nav>
    
    
    </ui:composition>